<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
	.one {
		width: 100%;
		height: 35px;
		background-color: #e6e6e6;
	}
	
	.two {
		text-align: center;
	}
	
	.three{
		padding-top:10px;
		padding-left:50px;
		float:left;
	}
	
	.four{
		border:2px solid black;
		width:537px;
		height:35px;
		float:left;
		margin:30px 10px 10px 30px;
	}
	
	.txt{
		width:457px;
		height:30px;
		border:0px solid white;
		outline:none;
	}
	
	.btn{
		width:73px;
		height:100%;
		background-color:black;
		color:white;
		font-size:15px;
		float:right;
		border:none;
		
	}
	
	 li { 
		float: right;
		list-style: none;
		font-size:12px;
		padding-top:10px;
		margin-left:2px;	
	}
	
	a:link,a:visited { 
		color:gray; 
		text-decoration:none; 
	} 
	
	a:hover{ 
		color:#cc0000; 
		text-decoration:none; 
	} 
</style>
<title>head</title>

</head>
<body>
<div class="one">
	<li><a href="">网站导航 &nbsp  </a></li>
	<li><a href="">客户服务&nbsp | </a></li>
	<li><a href="">关注京东&nbsp | </a></li>
	<li><a href="">手机京东&nbsp | </a></li>
	<li><a href="">企业采购&nbsp | </a></li>
	<li><a href="">京东会员 &nbsp | </a></li>
	<li><a href="Login.jsp" target="_blank">我的京东&nbsp | </a></li>
	<li><a href="Login.jsp" target="_blank">我的订单&nbsp | </a></li>	
	<li><a href="register.jsp" target="_blank">免费注册&nbsp | </a></li>
	<li><a href="Login.jsp" target="_blank">您好，请登录 &nbsp |</a></li>	
	</div>
	
	<div class="two">
		<img src="image/hp1.jpg" >
	</div>

	<div class="three">
		<img src="image/ph2.png">
	</div>
	
	<div class="four"><input class="txt" ><input type="button" value="搜索" class="btn" >
	</div>
</body>
</html>